<html>
  <head>
    <title>Test Web Prompts</title>
    <script>
      function disp_prompt() {
        var inputtxt=prompt("Please enter something", "a word or two")
        document.getElementById("msg").innerHTML=inputtxt
      }

      function disp_short_alert() {
        alert("Lorem ipsum.")
        document.getElementById("msg").innerHTML="Short Alert pressed"
      }

      function disp_medium_alert() {
        alert("Lorem ipsum dolor sit amet.")
        document.getElementById("msg").innerHTML="Medium Alert pressed"
      }

      function disp_long_alert() {
        alert("Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" +
                "incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis " +
                "nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " +
                "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu " +
                "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in " +
                "culpa qui officia deserunt mollit anim id est laborum." +
                "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" +
                "incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis " +
                "nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " +
                "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu " +
                "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in " +
                "culpa qui officia deserunt mollit anim id est laborum." +
                "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" +
                "incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis " +
                "nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " +
                "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu " +
                "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in " +
                "culpa qui officia deserunt mollit anim id est laborum." +
                "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" +
                "incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis " +
                "nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " +
                "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu " +
                "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in " +
                "culpa qui officia deserunt mollit anim id est laborum.")
        document.getElementById("msg").innerHTML="Long Alert pressed"
      }

      function disp_short_confirm() {
        var inputtxt = confirm("Ok or cancel?") ? "ok" : "cancel"
        document.getElementById("msg").innerHTML=inputtxt
      }

      function disp_medium_confirm() {
        var inputtxt = confirm("Lorem ipsum ok or cancel?") ? "ok" : "cancel"
        document.getElementById("msg").innerHTML=inputtxt
      }

      function disp_long_confirm() {
        var inputtxt = confirm("Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" +
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" +
        "incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis " +
        "nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " +
        "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu " +
        "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in " +
        "culpa qui officia deserunt mollit anim id est laborum." +
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" +
        "incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis " +
        "nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " +
        "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu " +
        "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in " +
        "culpa qui officia deserunt mollit anim id est laborum." +
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" +
        "incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis " +
        "nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " +
        "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu " +
        "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in " +
        "culpa qui officia deserunt mollit anim id est laborum." +
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" +
        "incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis " +
        "nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. " +
        "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu " +
        "fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in " +
        "culpa qui officia deserunt mollit anim id est laborum. Ok or cancel?") ? "ok" : "cancel"
        document.getElementById("msg").innerHTML=inputtxt
      }

      function handleEnter(event, element)
      {
        var code = (event.keyCode ? event.keyCode : event.which);
        if(code == 13) { //Enter keycode
          switch (element.id) {
            case "promptTriggerer":
              disp_prompt()
              break
          }
        }
      }

    </script>
    <style>
      button {
        font-size: 40pt
      }
      div, a {
        font-size: 40pt;
      }
      p {
        font-size: 40pt;
      }

      input {
        width:100%;
        height:80px;
        font-size: 60px;
      }
    </style>
  </head>
  <body>
    <button onclick="disp_short_alert()">Short Alert</button> <br /><br />
    <button onclick="disp_medium_alert()">Medium Alert</button> <br /><br />
    <button onclick="disp_long_alert()">Long Alert</button> <br /><br />
    <button onclick="disp_short_confirm()">Short Confirm</button> <br/><br />
    <button onclick="disp_medium_confirm()">Medium Confirm</button> <br/><br />
    <button onclick="disp_long_confirm()">Long Confirm</button> <br/><br />
    <button onclick="disp_prompt()">Prompt</button>

    <div id="msg" ></div>

    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div>
    <div>Lorem ipsum</div>
    <div><a href="http://browserspy.dk/password.php">Http basic authentication test page</a></div>
    <a href="http://www.google.com">Don't go there!!!</a>

    <br/><br/><br/>
    <input id="promptTriggerer" placeholder="Focus and press enter to trigger prompt" type="text" onKeyPress="handleEnter(event, this)"/>
    <br/><br/><br/>

    <p>Some text to expand content length</p>
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec tristique orci, sit amet faucibus urna. In semper facilisis sapien eget cursus. Aliquam mattis sagittis tellus quis hendrerit. Donec orci libero, rhoncus at tortor at, rutrum volutpat neque. Pellentesque lobortis nec quam id tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam feugiat quam in lectus egestas, et suscipit est malesuada. Mauris eget lacus et purus dignissim malesuada. Aenean volutpat placerat magna vel pretium.
    </p>

    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec tristique orci, sit amet faucibus urna. In semper facilisis sapien eget cursus. Aliquam mattis sagittis tellus quis hendrerit. Donec orci libero, rhoncus at tortor at, rutrum volutpat neque. Pellentesque lobortis nec quam id tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam feugiat quam in lectus egestas, et suscipit est malesuada. Mauris eget lacus et purus dignissim malesuada. Aenean volutpat placerat magna vel pretium.
    </p>

  </body>
</html>
